<route lang="json">
{
  "meta": {
    "title": "OneZero"
  }
}
</route>
<script setup lang="tsx">
import { _require } from "@@/utils/tools/index";
import { useInView } from "@@/hooks/toolsHooks";
import { inTopGroup } from "@@/common/js/animation";
import { ElImage } from "element-plus";
const { vInView } = useInView();

const timelines = computed(() => [
  {
    timestamp: "2009",
    title: "Incorporation",
    content: `Incorporation in 2009, the company is headquartered in Massachusetts, USA. OneZero began providing high-performance connectivity and technology solutions for financial institutions. Their goal is to improve the efficiency and reliability of the execution of financial transactions.`,
  },
  {
    timestamp: "2010",
    title: "Launched OneZero Hub",
    content: `Launched OneZero Hub, a connectivity and distribution system for consolidating and transmitting liquidity. This product provides customers with diversified sources of liquidity and flexible distribution options.`,
  },
  {
    timestamp: "2013",
    title: "Launched OneZero Hub Gateway",
    content: `OneZero has partnered with Integral, a leading liquidity provider, to launch the OneZero Hub Gateway, a solution that connects Integral's deep liquidity. This enables customers to access Integral's liquidity pool through the OneZero Hub.`,
  },
  {
    timestamp: "2014",
    title: "Risk management tools & order routing systems",
    content: `OneZero expanded its product line with the introduction of risk management tools and order routing systems to help financial institutions better manage risk and execute trades.`,
  },
  {
    timestamp: "2016",
    title: "Launched OneZero Cloud",
    content: `OneZero, in partnership with CFH Clearing, has launched a Cloud solution, OneZero Cloud, that gives customers the option of running the OneZero Hub in the cloud.`,
  },
  {
    timestamp: "2018",
    title: "Join ATC Brokers",
    content: `OneZero became a subsidiary of ATC Brokers, a prominent forex broker, further expanding its presence in the industry.`,
  },
  {
    timestamp: "2023/01",
    title: "Best Connectivity Provider Award",
    content: "",
    contentJsx: (
      <>
        <ElImage
          style="height:100rem"
          src={_require("src/assets/images/mini/medal_1.png")}
        />
        <p class="MT-xs" in-top>
          OneZero was awarded the{" "}
          <span class="T-M1 T-strong">Best Connectivity Provider Award</span> at
          the <span class="T-M1 T-strong">UF Awards MEA 2023</span>
        </p>
      </>
    ),
  },
  {
    timestamp: "2023/03",
    title: "Best Trading Solution Award",
    contentJsx: (
      <>
        <ElImage
          style="height:60rem"
          src={_require("src/assets/images/mini/medal_2.png")}
        />
        <p class="MT-xs">
          OneZero was shortlisted for the{" "}
          <span class="T-M1 T-strong">
            Best Trading Solution in the Forex Market award
          </span>
          {" at "}
          <span class="T-M1 T-strong">TradingTech InsightAwards USA 2023</span>.
        </p>
        <ElImage
          style="height:60rem"
          class="MT-xs"
          src={_require("src/assets/images/mini/medal_3.png")}
        />
        <p class="MT-xs">
          {"OneZero was named one of the "}
          <span class="T-M1 T-strong">Best Places to Work</span> {" by the "}
          <span class="T-M1 T-strong">Business Intelligence Group</span>.
        </p>
      </>
    ),
  },
  {
    timestamp: "2023/04",
    title: "Win the award again",
    contentJsx: (
      <>
        <ElImage
          style="height:100rem"
          src={_require("src/assets/images/mini/medal_4.png")}
        />
        <p class="MT-xs">
          OneZero was nominated in the{" "}
          <span class="T-M1 T-strong">Global Forex Awards 2023-B2B</span>.
        </p>
        <ElImage
          style="height:60rem"
          class="MT-xs"
          src={_require("src/assets/images/mini/medal_5.png")}
        />
        <p class="MT-xs">
          OneZero won an award at the{" "}
          <span class="T-M1 T-strong">FX Markets Asia 2023 Awards</span>.
        </p>
      </>
    ),
  },
  {
    timestamp: "As yet",
    title: "Keep pumping gas",
    content: `OneZero continues to make progress in technology innovation and service expansion, becoming one of the most recognized providers in the financial industry. They are committed to providing stable, high-performance connectivity and solutions that meet the needs of financial institutions for a reliable and efficient trading infrastructure.`,
  },
]);

const part4 = computed(() => [
  {
    title: "Risk management tool",
  },
  {
    title: "Order routing system",
  },
  {
    title: "Price distribution platform",
  },
]);
</script>

<template>
  <CpageView>
    <!-- 一栏 -->
    <ElRow class="ML-xxl" :justify="'space-between'" :align="'middle'">
      <ElCol :xs="24" :span="10">
        <div v-in-view:once="(e) => inTopGroup(e.target)" class="MR-lg">
          <h1>
            <span in-top>What<span>&nbsp;</span></span>
            <span in-top>are<span>&nbsp;</span></span>
            <span class="T-M1" in-top>OneZero<span>&nbsp;</span></span>
            <span class="T-M1" in-top>?<span>&nbsp;</span></span>
          </h1>
          <p class="T-weak MT-sm" in-top>
            OneZero is a leading fintech solutions provider focused on
            institution-level connectivity and technology solutions for the
            financial industry.
          </p>
          <p class="T-weak MT-sm" in-top>
            OneZero is dedicated to providing low-latency trading infrastructure
            and software solutions for brokers, banks, hedge funds and other
            financial institutions.
          </p>
        </div>
      </ElCol>
      <ElCol :xs="24" :span="14">
        <ElImage
          class="part-1_image"
          :src="_require('src/assets/images/desplay/12.jpg')"
          :fit="'cover'"
        />
      </ElCol>
    </ElRow>

    <!-- 二栏 -->
    <div
      v-in-view:once="(e) => inTopGroup(e.target)"
      class="Mrow-xxl MT-xxl T-A-C auto-MT-sm"
    >
      <h2>
        <span class="T-M1" in-top>Flagship<span>&nbsp;</span></span>
        <span in-top>product<span>&nbsp;</span></span>
      </h2>
      <p in-top class="T-weak">
        OneZero's flagship product is
        <span class="T-strong T-M1">Liquidity Hub</span>, a
        <span class="T-strong T-M1">high-performance</span>
        connectivity and distribution network for accessing liquidity from
        multiple sources.
      </p>
      <p in-top class="T-weak">
        It allows brokers to aggregate liquidity from different liquidity
        providers and make it available to clients,
        <span class="T-strong T-M1">enabling efficient</span> and
        <span class="T-strong T-M1">transparent</span> trade execution.
      </p>
    </div>

    <!-- 三栏 -->
    <div v-in-view:once="(e) => inTopGroup(e.target)" class="Mrow-xxl MT-xxl">
      <h2 class="T-A-C">
        <span in-top>History<span>&nbsp;</span></span>
        <span in-top>of<span>&nbsp;</span></span>
        <span class="T-M1" in-top>OneZero</span>
      </h2>
      <el-timeline class="MT-lg">
        <el-timeline-item
          v-for="item in timelines"
          :timestamp="item.timestamp"
          placement="top"
          type="primary"
          hollow
        >
          <el-card in-top>
            <h4 class="T-M1">{{ item.title }}</h4>
            <div class="MT-sm T-S-sm">
              <component v-if="item.contentJsx" :is="item.contentJsx" />
              {{ item.content }}
            </div>
          </el-card>
        </el-timeline-item>
      </el-timeline>
    </div>

    <!-- 四栏 -->
    <div class="Mrow-xxl MT-xl">
      <div v-in-view:once="(e) => inTopGroup(e.target)">
        <h2 class="T-A-C">
          <span in-top>OneZero<span>&nbsp;</span></span>
          <span in-top>also<span>&nbsp;</span></span>
          <span in-top>offers<span>&nbsp;</span></span>
          <span class="T-M1" in-top>other<span>&nbsp;</span></span>
          <span class="T-M1" in-top>advanced<span>&nbsp;</span></span>
          <span class="T-M1" in-top>technology<span>&nbsp;</span></span>
          <span class="T-M1" in-top>solutions<span>&nbsp;</span></span>
        </h2>
      </div>
      <Csummarize class="T-A-C MT-xl">
        <CsummarizeItem v-for="item in part4">
          <h4>{{ item.title }}</h4>
        </CsummarizeItem>
      </Csummarize>
      <div v-in-view:once="(e) => inTopGroup(e.target)">
        <p class="T-weak T-A-C MT-sm">
          <span in-top>
            These solutions help financial institutions optimize trading
            operations, effectively manage risk, and deliver superior trading
            services to their clients.<span>&nbsp;</span>
          </span>
          <span in-top>
            OneZero's technology is known for its reliability, scalability, and
            high performance, and is highly favored among financial industry
            organizations. They have established partnerships with major
            liquidity providers and offer their services globally.
          </span>
        </p>
      </div>
    </div>
  </CpageView>
</template>

<style lang="scss" scoped></style>
